<script>
export default {
  name: "home",
  methods: {
    linkToApply(){
      this.$router.push("/apply")
    },
    linkToApplyList(){
      this.$router.push("/ApplyList")
    },
    linkToRiskLevel(){
      this.$router.push("/riskLevel")
    }
  }
}
</script>

<template>
  <div class="h-[calc(80%)]  flex flex-wrap">
    <div class="w-1/4 border-2 h-1/3 m-12 ml-48 flex justify-center items-center"@click="linkToApply"><svg t="1735786943439" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4382" width="200" height="200"><path d="M896 512h64c0 247.2-200.8 448-448 448S64 759.2 64 512 264.8 64 512 64v64c-212 0-384 172-384 384s172 384 384 384 384-172 384-384zM640 608v-64H531.2l107.2-107.2-45.6-44.8-112 112L368 392l-45.6 45.6L429.6 544H320v64h128.8v32H320v64h128.8v96h64V704H640v-64H512.8v-32H640z m247.2-516.8l-136 136-109.6-109.6-2.4 268.8 268.8-2.4-111.2-112 136-136-45.6-44.8z" p-id="4383"></path></svg></div>
    <div class="w-1/4 border-2 h-1/3 m-12 flex justify-center items-center" @click="linkToApplyList"><svg t="1735787156762" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5423" width="200" height="200"><path d="M438.77 288.03H259.7v89.53h179.07v-89.53zM707.38 467.1H259.7v89.53h447.67V467.1zM80.63 64.19v895.35h805.81V64.19H80.63zM796.91 870H170.17V153.73h626.74V870z m-89.53-223.83H259.7v89.53h447.67v-89.53z" fill="#808080" p-id="5424"></path></svg></div>
    <div class="w-1/4 border-2 h-1/3 m-12 ml-48 flex justify-center items-center" @click="linkToRiskLevel "><svg t="1735787184216" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6467" width="200" height="200"><path d="M250.15 824.4V207.14a14 14 0 0 1 14-14h448.94a14 14 0 0 1 14 14v205.1h28.06v-205.1a42.13 42.13 0 0 0-42.09-42.09H264.18a42.13 42.13 0 0 0-42.09 42.09V824.4a42.13 42.13 0 0 0 42.09 42.09h385.79v-28.1H264.18a14 14 0 0 1-14.03-13.99z" fill="#707070" p-id="6468"></path><path d="M737.53 454.81a58 58 0 0 0-52.92 62.72l17 200.05a41 41 0 0 0 81.68 0l17-200.07q0.21-2.42 0.21-4.88a58.11 58.11 0 0 0-62.97-57.82z m34.76 60.35l-17 200.05a12.92 12.92 0 0 1-25.76 0l-17-200a30 30 0 0 1 27.3-32.39 31.5 31.5 0 0 1 2.56-0.11 30 30 0 0 1 30 30c0.01 0.77-0.03 1.62-0.1 2.45zM741.77 780.9a57.37 57.37 0 1 0 57.37 57.36 57.43 57.43 0 0 0-57.37-57.36z m0 86.68a29.31 29.31 0 1 1 29.31-29.32 29.35 29.35 0 0 1-29.31 29.32zM320.29 328.11h336.77v28.06H320.29zM320.29 452.64h322.74v28.06H320.29zM320.29 564.87h322.74v28.05H320.29zM320.29 677.1h336.77v28.06H320.29z" fill="#707070" p-id="6469"></path></svg></div>
  </div>
</template>

<style scoped>

</style>